<div id="content-header">
    <div id="breadcrumb"> 
    	<a  title="Go to Home" class="tip-bottom">
    		<i class="icon-home"></i> 系统管理</a> <a ui-sref="home.column" class="current">栏目管理
    	</a> 
    </div>
  </div>
  <div class="col-sm-12 col-md-5" style="padding-top: 50px;">
	<button  class="btn  btn-primary" ng-click="columnAdd(null,'add')">添加</button>
</div>
  <div class="container-fluid">
    <div class="row-fluid">
      <div class="span12">
			<div class="widget-box">
          <div class="widget-content nopadding">
          <table  class="table table-bordered" tt-table tt-params="expanded_params1" >
        <thead>   
        			
					<th width="25%" style="text-align: center;">栏目名称</th>
					<th width="20%" style="text-align: center;">图标</th>
					<th width="25% " style="text-align: center;">路由</th>
					<th width="30%" style="text-align: center;">操作</th>
	    </thead>  
        <tbody></tbody>
    </table>
            
            
          </div>
        </div>
      </div>
    </div>
   </div>
 <script type="text/ng-template" id="tree_node">
			        <tr tt-node is-branch="node.privileges.length!=0">
			        				
									<td  style="padding-left: 40px;"><span  ng-bind="node.pName" style="white-space:pre;"></span></td>
									<td  align="center"><i class="iconfont icon-{{node.pIcon}}"></i></td>
									<td   align="center" ng-bind="node.pRoute"></td>
				 					<td  align="center" class="td_1">
				 						<button class="btn  btn-primary" ng-click="columnAdd(node.pId,'add')">添加子集</button>
				 						<button class="btn  btn-success" ng-click="columnAdd(node.pId,'upd')">编辑</button>
				 						<button class="btn  btn-danger" ng-click="modelClick(node.pId)" >删除</button>
				 						<!--#-->
				 					</td>
			        </tr>
</script>  


<script type="text/ng-template" id="columnAdd.html">
			<style>
				.modal-content{
					width: 751px;
					margin-left: 80px;
				}
				.table_input{
					width:256px;text-indent: .1rem;height: 36px;
				}
				.table_span{
					display: block;width:100px;
				}
				
			</style>
			<div class="modal-header" style="text-align: center;font-size: 24px;background: #4092E8;color: white;height:50px;line-height: 50px">
				<div style="margin-top: -8px;">
					{{sername}}
				</div>
				<button style="color:white;float: right;background: #4092e8;border: none;outline: none;box-shadow: none;margin-top: -35px;" class="btn " type="button" ng-click="cancel()">[关闭]</button>
			</div>
			<div class="modal-body" >
				<div class="adduser" >

					<div style="    margin-left: 80px;">
						<form novalidate="novalidate" name="form">
							<div style="margin: 10px 0;display: flex;align-items: center;">
								<span class="table_span" >栏目名称：</span>
								<input class="table_input"    type="text" value="" name="name" ng-model="name" required>
								<span class="error bigError "  ng-show="form.name.$error.required">*</span>
							</div>
							<div style="margin: 10px 0;display: flex;align-items: center;">
								<span class="table_span">路由地址：</span>
								<input class="table_input"    name="person" type="text"  ng-model="pRoute" />
							</div>
							
							<div style="margin: 10px 0;display: flex;align-items: center;">
								<span class="table_span">接口地址：</span>
								<input  class="table_input"    type="text"  ng-model="pUrl"  />
							</div>
							<div style="margin: 10px 0;display: flex;align-items: center;">
								<span class="table_span">排序：</span>
								<input  class="table_input"    type="number"  ng-model="pPlace"   />
							</div>
							<div style="margin: 10px 0;display: flex;align-items: center;">
								<span class="table_span">权限类型：</span>
								 <label style="width: 50px;display: inline-block;" >
								 <div style="width: 500px;">
									<input name="icons" type="radio" ng-checked="pStyle==1" value="1"  ng-model="pStyle"   style="display: -webkit-inline-box;"/>
										栏目
									<input name="icons" type="radio" ng-checked="pStyle==0"  value="0" ng-model="pStyle" style="display: -webkit-inline-box;" />
										权限
									 </label>
								 </div>
							</div>
							<div style="margin: 10px ;display: flex;align-items: center;">
								<span class="table_span">图标：</span>
								<div style="width: 500px;">
									 <label style="width: 50px;display: inline-block;" ng-repeat="o in icon" >
									 <input name="icon" type="radio" style="display: -webkit-inline-box;" ng-model="list.ids" 
									 	value="{{o.name }}"  checked="{{o.name}}==={{iconName}}"/>
									            	<i class="iconfont icon-{{o.name }}"></i>
									 </label>
								</div>
	

							</div>
						</form>

					</div>
				</div>
			</div>
			<div class="modal-footer" style="position: relative;height:50px;">
				<div style="display: flex;justify-content: flex-end;padding: 0;position: absolute;right: 20px;top: 0.1rem;">
					
					<button  class="" ng-disabled="form.$invalid" ng-class="{true:'btn btn-primary'}[form.$invalid]" 
						style="width: 100px;border-radius: 0;line-height: 32px;background-color:#4092e8 ;border:#4092e8 ; font-size: 13px;color: white;font-size: 14px;"
						ng-click="ok(form.$invalid)">保 存</button>
				</div>
			</div>
		</script>
